<template>
    <div class="foot">
      <!-- <div v-for="(v,i) in footList" :key="i"> -->
         <!-- <router-link  :to=v.path>{{v.name}}</router-link> -->
         <van-tabbar v-model="active">
            <van-tabbar-item  v-for="(v,i) in footList" :key="i" :to=v.path icon="home-o">{{v.name}}</van-tabbar-item>
           
        </van-tabbar>
      <!-- </div> -->
    </div>
</template>

<script lang="ts">
import { Component, Vue,Prop } from 'vue-property-decorator';

@Component
export default class Footer extends Vue {
    @Prop({default:()=>[]})
   private footList?:any[]
   private active:any=0
   

}
</script>

<style lang="scss" scoped>
.foot{
    width: 100%;
    height: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
}

</style>